<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>个人中心</title>
    <link rel="stylesheet" href="../style/main.css" type="text/css" media="screen and (min-width:751px)">
    <link rel="stylesheet" href="../style/mainMb.css" type="text/css" media="screen and (max-width:750px)">
    <link rel="stylesheet" href="../js/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="../js/layui/dist/css/formSelects-v4.css"/>
    <script src="../js/resize.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/vue@2.4.17.js"></script>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body style="background: #fff;">

<div class="personal-page" id="personal_center" v-cloak>
    <div class="personal-header">
        <ul class="nav">
            <li class="curr"><a href="my-resume.html">我的简历</a></li>
            <li><a href="delivery-record.html">投递记录</a></li>
            <li><a href="preview-resume.html">预览简历</a></li>
        </ul>
        <div class="options">
            <p>欢迎回来 <span>{{userInfo.name}}</span></p>
            <ul class="option-list">
                <li>
                    <a href="javascript:">
                        {{userInfo.name}}<span>{{userInfo.tel}}</span>
                    </a>
                </li>
                <li>
                    <a href="../password-alter.html">
                        <i><img src="../images/setting.png"></i>修改密码
                    </a>
                </li>
                <li>
                    <a href="javascript:"  onclick="logout()">
                        <i><img src="../images/logout.png"></i>退出登录
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="content">
        <div class="info">
           <div class="detail">
               <h2>
                   {{userInfo.name}}
                   <i><img :src="sexImg"></i>
                   <span data-pop="#pop_info" class="edit-btn">编辑</span>
                   <a href="wap-setting.html" class="wap-set"></a>
               </h2>
               <p>
                   <span>{{age}}岁</span> | <span>工作{{workAge}}年</span> | <span>{{careerObjective.cityname}}</span>
               </p>
               <div class="contact">
                   <p v-if="telFlag"><i><img src="../images/phone.png"></i>{{userInfo.tel}}</p>
                   <p v-if="emailFlag"><i><img src="../images/mailbox.png"></i>{{userInfo.email}}</p>
                   <p v-if="wechatFlag"><i><img src="../images/we-chat.png"></i>{{userInfo.wechat}}</p>
                   <p v-if="websiteFlag"><i><img src="../images/web-page.png"></i>{{userInfo.webSite}}</p>
               </div>
           </div>
           <div class="pic">
                <img :src="services+userInfo.img">
           </div>
       </div>
        <div class="wap-nav">
            <ul>
                <li><a href="delivery-record.html">
                    <span>{{deliveryAll}}</span><span>投递记录</span>
                </a></li>
                <li><a href="delivery-record.html">
                    <span>{{handlepending}}</span><span>已查看</span>
                </a></li>
                <li><a href="delivery-record.html">
                    <span>{{interviewpending}}</span><span>待面试</span>
                </a></li>
                <li><a href="delivery-record.html">
                    <span>{{unsuited}}</span><span>不合适</span>
                </a></li>
                <li><a href="delivery-record.html">
                    <span>{{accepted}}</span><span>已录取</span>
                </a></li>
            </ul>
        </div>
        <div class="resume-detail">
            <!--求职意向-->
            <div class="detail-list">
                <h2>
                    求职意向
                    <span class="edit-btn" data-pop="#pop_intent">编辑</span>

                    <a href="wap-intention.html" class="wap-edit-btn"></a>
                </h2>
                <div class="expect">
                    <p>期望行业：<span>{{careerObjective.individualName}}</span></p>
                    <p>期望职业：<span>{{careerObjective.positionName}}</span></p>
                    <p>期望月薪：<span>{{careerObjective.salaryLevelName}}</span></p>
                    <p>期望地点：<span>{{careerObjective.cityname}}</span></p>
                    <p>求职状态：<span>{{careerObjective.jobHuntingStatusName}}</span></p>
                </div>
            </div>
            <!--工作经历-->
            <div class="detail-list" id="experWork">
                <h2>
                    工作经历
                    <a href="wap_add_work.html" class="wap-add-btn">+ 添加</a>
                </h2>
                <ul class="experience">
                    <li v-for="(item,index) in experienceWork">
                        <p class="place">
                            <span>{{item.company}}</span>
                            <span class="time">{{item.entryTime}}至{{item.separationTime}}</span>
                            <span class="edit-btn edit-work" data-pop="#pop_exper" :data-index="index" :data-id="item.id" >编辑</span>
                            <a :href="'wap-job-exper.html?id='+item.id+'&index='+index" class="wap-edit-btn"></a>
                        </p>
                        <p class="place-brach">
                            <span>{{item.department}}</span>
                            <span>{{item.position}}</span>
                        </p>
                        <p class="duty">
                            {{item.workContext}}
                        </p>
                    </li>
                </ul>
                <div class="add-btn" data-pop="#add_pop_exper">
                    <span>+</span>添加工作经历
                </div>
            </div>
            <!--教育经历-->
            <div class="detail-list">
                <h2>
                    教育经历
                    <span class="edit-btn" data-pop="#pop_education">编辑</span>
                    <a href="wap-education.html" class="wap-edit-btn"></a>
                </h2>
                <div class="education">
                    <p class="place"><span>{{experienceEducation.school}}</span><span class="time">{{experienceEducation.admissionTime}}至{{experienceEducation.graduationTime}}</span></p>
                    <p class="place-brach"><span>{{experienceEducation.educationLevelName}}</span><span>{{experienceEducation.profession}}</span></p>
                </div>
            </div>
            <!--专业技能-->
            <div class="detail-list">
                <h2>
                    专业技能
                    <span class="edit-btn" data-pop="#pop_skill">编辑</span>
                    <a href="wap-skill.html" class="wap-edit-btn"></a>
                </h2>
               <div class="skill">
                   <p v-for="item in professionalSkill">{{item.skillName}} —— {{item.proficiencyName}}</p>
               </div>
            </div>
            <!--项目经验-->
            <div class="detail-list">
                <h2>
                    项目经验
                    <a href="wap_add_pro.html" class="wap-add-btn">+ 添加</a>
                </h2>
                <ul class="experience wap-exper">
                    <li v-for="(item,index) in experienceProject">
                        <p class="place-brach">
                            <span>{{item.projectName}}</span>
                            <span>{{item.duties}}</span>
                            <span class="edit-btn edit-pro" data-pop="#pop_project_exper" :data-index="index" :data-id="item.id">编辑</span>
                            <a :href="'wap-pro-exper.html?id='+item.id+'&index='+index" class="wap-edit-btn"></a>
                        </p>
                        <p class="duty">{{item.workContext}}</p>
                    </li>
                </ul>
                <div class="add-btn" data-pop="#add_pop_project_exper">
                    <span>+</span>添加项目经验
                </div>
            </div>
            <!--个人介绍-->
            <div class="detail-list">
                <h2>
                    个人介绍
                    <span class="edit-btn" data-pop="#pop_intro">编辑</span>
                    <a href="wap-intro.html" class="wap-edit-btn"></a>
                </h2>
                <div class="personal-intro">
                    <p>{{resume.profile}}</p>
                </div>
            </div>
        </div>
        <div class="wap-bottom">
            <div class="preview-btn">
                <a href="preview-resume.html">简历预览</a>
            </div>
        </div>
    </div>
</div>

<!--弹窗修改-->
<!--个人信息-->
<div id="pop_info" class="resume-pop-alter">
    <p>修改基本信息</p>
    <div class="info-list">
        <div class="section">
            <span>头像</span><img  :src="services+userInfo.img" width="40"  height="40" alt="" id="imageUrlUpload"></p>
            <input type="hidden" name="img" id="img" v-model="userInfo.img">
        </div>
        <div class="section">
            <span>姓名</span><input type="text" name="" placeholder="请输入姓名" v-model="userInfo.name"/>
        </div>
        <div class="section">
            <span>性别</span>
            <input type="radio" name="sex" id="male" :checked="sexCheck" value="1"/>
            <label for="male">男</label>
            <input type="radio" name="sex" id="female" :checked="!sexCheck" value="2"/>
            <label for="female">女</label>
        </div>
        <div class="section">
            <span>手机号码</span><input type="text" name="" placeholder="请输入手机号码" v-model="userInfo.tel"/>
        </div>
        <div class="section">
            <span>邮箱</span><input type="text" name="" placeholder="请输入邮箱" v-model="userInfo.email"/>
        </div>
        <div class="section">
            <span>微信号</span><input type="text" name="" placeholder="请输入微信号" v-model="userInfo.wechat"/>
        </div>
        <div class="section">
            <span>个人网页</span><input type="text" name="" placeholder="请输入个人网页" v-model="userInfo.webSite"/>
        </div>
        <div class="section">
            <span>出生日期</span><input type="text" name="borth" placeholder="日期" class="date-plug" v-model="userInfo.birthday" readonly/>
        </div>
        <div class="section">
            <span>工作时间</span><input type="text" name="start" placeholder="日期" class="date-plug" v-model="userInfo.firstWorkTime" readonly/>
        </div>
        <input type="button" value="保存" class="btn" @click="alterInfo">
    </div>
</div>
<!--求职意向-->
<div id="pop_intent" class="resume-pop-alter">
    <p>修改求职意向</p>
    <div class="info-list pop-intent">
        <div class="section">
            <span>求职状态</span><div class="layui-form">
                <div class="layui-form-item">
                    <select  id="jobHuntingStatus"  name="jobHuntingStatus" lay-filter="jobHuntingStatus" autocomplete="off" class="layui-select" >
                        <option value="">请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="section">
            <span>期望职位</span><div class="layui-form">
            <div class="layui-form-item">
                <input type="text" id="expectPosition" name="expectPosition" lay-filter="expectPosition" class="layui-input">
                <!-- <select  name="expectPosition" xm-select="expectPosition" id="expectPosition"  xm-select-search-type="dl" xm-select-search="" xm-select-skin="default" xm-select-height="38px" xm-select-max="3" xm-select-create>
                    <option value="">请选择</option>
                </select> -->
            </div>
        </div>
        </div>
        <div class="section">
            <span>期望行业</span><div class="layui-form">
            <div class="layui-form-item">
                <select name="expectIndustry" id="expectIndustry" xm-select="expectIndustry"  xm-select-search-type="dl" xm-select-search="" xm-select-skin="default" xm-select-height="38px" xm-select-max="3" 	xm-select-create>
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        </div>
        <div class="section">
            <span>期望城市</span><div class="layui-form">
            <div class="layui-form-item">
                <input type="text" id="expectCity" name="expectCity" lay-filter="tree" class="layui-input">
            </div>
        </div>
        </div>
        <div class="section pay">
            <span>薪酬要求</span><div class="layui-form">
            <div class="layui-form-item">
                <select id="expectSalaryLevel" name="expectSalaryLevel" class="layui-select">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        </div>
        <input type="button" value="保存" class="btn" @click="saveIntent">
    </div>
</div>
<!--工作经历-->
<div id="pop_exper" class="resume-pop-alter">
    <p>修改工作经历</p>
    <div class="info-list">
        <div class="section">
            <span>公司名称</span><input type="text" name="" placeholder="请输入公司名称" v-model="currWorkCom"/>
        </div>
        <div class="section">
            <span>工作时间</span><input type="text" name="alter_start" placeholder="日期" class="date-plug" v-model="currWorkStartTime" readonly/><i>至</i><input type="text" name="alter_end" placeholder="日期" class="date-plug" v-model="currWorkEndTime" readonly/>
        </div>
        <div class="section">
            <span>工作部门</span><input type="text" name="" placeholder="请输入工作部门" v-model="currWorkDepart"/>
        </div>
        <div class="section">
            <span>职位名称</span><input type="text" name="" placeholder="请输入职位名称" v-model="currWorkPosition"/>
        </div>
        <div class="section area-con">
            <span>工作职责</span><textarea name="" placeholder="请输入工作职责" v-model="currWorkDuty"></textarea>
        </div>
        <input type="button" value="保存" class="btn" @click="alterWork">
        <a href="javascript:" class="delete-btn" @click="deleteExperWork">删除此工作经历</a>
    </div>
</div>
<!--教育经历-->
<div id="pop_education" class="resume-pop-alter">
    <p>修改教育经历</p>
    <div class="info-list">
        <div class="section">
            <span>毕业院校</span><input type="text" name="" placeholder="请输入毕业学校" v-model="school"/>
        </div>
        <div class="section">
            <span>就读日期</span><input type="text" name="enterTime" placeholder="日期" class="date-plug" v-model="enterTime" readonly/><i>至</i><input type="text" name="leaveTime" placeholder="日期" class="date-plug" v-model="leaveTime" readonly/>
        </div>
        <div class="section">
            <span>学历</span><div class="layui-form">
                <div class="layui-form-item">
                    <select id="eduList" name="">
                        <option :value="currEducationId">{{currEducation}}</option>
                        <option :value="item.id" v-for="item in education">{{item.name}}</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="section">
            <span>专业</span><input type="text" name="" placeholder="请输入专业" v-model="major"/>
        </div>
        <input type="button" value="保存" class="btn" @click="alterEducation">
    </div>
</div>
<!--专业技能-->
<div id="pop_skill" class="resume-pop-alter">
    <p>修改专业技能</p>
    <div class="info-list">

        <div class="skill-list" v-for="(item,index) in skillList">
            <div class="section" :data-id="item.id">
                <span>技能名称</span><input type="text" name="" placeholder="请输入技能名称" v-model="item.skillName"/>
            </div>
            <div class="section">
                <span>熟悉程度</span><div class="layui-form itemselect" lay-filter="select">
                <div class="layui-form-item">
                    <select lay-filter="profic-list" :data="index" v-model="item.proficiency">
                        <option v-for="pro in proficiency" :value="pro.id">{{pro.name}}</option>
                    </select>
                </div></div>
            </div>
           <a href="javascript:" class="delete-btn delete-skill" :data-index="index" :data-id="item.id">删除</a>
        </div>

        <div class="add-btn" @click="addSkill" id="addSkill">
            <span>+</span>添加专业技能
        </div>
        <input type="button" value="保存" class="btn" @click="saveSkill">
    </div>
</div>
<!--项目经验-->
<div id="pop_project_exper" class="resume-pop-alter">
    <p>修改项目经验</p>
    <div class="info-list">
        <div class="section">
            <span>项目名称</span><input type="text" name="" placeholder="请输入项目名称" v-model="currProName"/>
        </div>
        <div class="section">
            <span>项目职责</span><input type="text" name="" placeholder="请输入项目职责" v-model="currProDuty"/>
        </div>
        <div class="section area-con">
            <span>完成内容</span><textarea name="" placeholder="请输入完成内容" v-model="currWorkContext"></textarea>
        </div>
        <input type="button" value="保存" class="btn" @click="alterPro">
        <a href="javascript:" class="delete-btn" @click="deletePro">删除此项目经验</a>
    </div>
</div>
<!--个人介绍-->
<div id="pop_intro" class="resume-pop-alter">
    <p>修改个人介绍</p>
    <div class="info-list">
        <textarea name="" placeholder="请输入个人介绍" v-model="intro"></textarea>
        <input type="button" value="保存" class="btn" @click="alterIntro">
    </div>
</div>

<!--添加弹窗-->
<div id="add_pop_exper" class="resume-pop-alter">
    <p>添加工作经历</p>
    <div class="info-list">
        <div class="section">
            <span>公司名称</span><input type="text" name="" placeholder="请输入公司名称" v-model="addCom" />
        </div>
        <div class="section">
            <span>工作时间</span><input type="text" name="add_start" placeholder="日期" class="date-plug" readonly/><i>至</i><input type="text" name="add_end" placeholder="日期" class="date-plug" readonly/>
        </div>
        <div class="section">
            <span>工作部门</span><input type="text" name="" placeholder="请输入工作部门" v-model="addDepart" />
        </div>
        <div class="section">
            <span>职位名称</span><input type="text" name="" placeholder="请输入职位名称" v-model="addPosition" />
        </div>
        <div class="section area-con">
            <span>工作职责</span><textarea name="" placeholder="请输入工作职责" v-model="addDuty"></textarea>
        </div>
        <input type="button" value="添加" class="btn" @click="addWork">
    </div>
</div>
<div id="add_pop_project_exper" class="resume-pop-alter">
    <p>添加项目经验</p>
    <div class="info-list">
        <div class="section">
            <span>项目名称</span><input type="text" name="" placeholder="请输入项目名称" v-model="addProName"/>
        </div>
        <div class="section">
            <span>项目职责</span><input type="text" name="" placeholder="请输入项目职责" v-model="addProDuty"/>
        </div>
        <div class="section area-con">
            <span>完成内容</span><textarea name="" placeholder="请输入完成内容" v-model="addProContext"></textarea>
        </div>
        <input type="button" value="添加" class="btn" @click="addPro">
    </div>
</div>

<script src="../js/layui/layui.js"></script>
<script src="../js/layui/dist/js/common.js"></script>
<script src="../js/layui/dist/js/formSelects-v4.js"></script>
<script src="../js/account/career_intention.js"></script>
<script src="../js/index.js"></script>
<script src="../js/account/personal.js"></script>
<script>
    useLayUI();
</script>
</body>
</html>